<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TD框架使用手册</title>
<style type="text/css">
body{
    font-family:Aril,'微软雅黑';
    font-size:17px;
}
.contents{
    font-size:22px;
    background:#e5e5e5 ;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding-left:10px;
    padding-top:5px;
    height:30px;
    box-shadow: 0px 5px 5px #d9d9d9;
}

.main_class{
    width: 1100px;
    background: #ffffff;
    margin: 0 auto;
    -webkit-box-shadow:0 0 15px #ff0000;
    -moz-box-shadow:0 0 15px #ff0000;
    box-shadow:0 0 25px #000000;
}

#copy_right{
    height: 20px;
    border-bottom:1px solid #cecece;
    margin: 0px ;
    background: #f2f2f2;
    margin-bottom: 20px;
    padding-left: 830px;
    padding-top: 5px;
}

.myh2{
    height: 50px;
    border-top:1px solid #cecece;
    border-bottom:1px solid #cecece;
    margin: 0px ;
    background: #e6e6e6;
    padding-left:20px;
}

.myh1{
    height: 60px;
    border-top:2px solid #cecece;
    border-bottom:2px solid #cecece;
    margin: 0px ;
    background: #e6e6e6;
    padding-top:10px;
}
.myh3{
    height:30px;
    border-top:1px solid #cecece;
    border-bottom:1px solid #cecece;
    background: #f2f2f2;
    font-size:20px;
    font-weight:bold;
    margin-top:30px;
    padding-left: 10px;
}

.return-top{
    position: fixed;
    right: 20px;
    bottom: 20px;
    width:60px;
    height:60px;
    background:#44a51c;
    font-size: 22px;
    font-weight: bold;
    color:#ffffff;
    text-align: center;
}


a:link {
 text-decoration: none;
 color:#007330;
}
a:visited {
 text-decoration: none;
 color:#007330;
}
a:hover {
 text-decoration: none;
 color:#44a51c;
}
a:active {
 text-decoration: none;
 color:#007330;
}

</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <a href = "#head"><div id = "return" class = "return-top">
        返回顶部
    </div></a>
    <div id = "whole" style = "background:#dadada;">
        <div id = "main" class = "main_class">
            <div id = "head" class = "myh1">
                <h1 style ="margin-top:0px;" align = "center">TD框架使用手册</h1>
            </div>
            <div id = "copy_right">
                <div style = "font-size:13px; color: #555555" >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
            </div>
            <div class = "myh3">
                框架简介
            </div>
            <div id = "introduction" style = "margin : 20px">
                <div style = "margin-left: 65px; border:1px solid #cecece;padding:10px;border-radius:10px;width:900px; height:260px; background:#f2f2f2" >
                <b><font color = "#333333" size ="4">
                        此框架提供基于QtC++的常用基本控件的封装，目的在于提高开发效率，尽可能的将UI设计与软件开发的工作分
                    <hr style=" margin-top : 4px; margin-bottom:4px;height:1px;border:none;border-top:1px dotted  #cecece;">
                    离。使用此框架可以方便的构建动态反馈的交互式界面，绝大部分的控件都提供以图片路径为参数的构造方法，直
                    <hr style=" margin-top : 4px; margin-bottom:4px;height:1px;border:none;border-top:1px dotted  #cecece;">
                    接生成可响应鼠标事件的动态控件。UI设计人员只需提供软件中需要用到的各种图片资源（如按钮的三态图片）
                    <hr style=" margin-top : 4px; margin-bottom:4px;height:1px;border:none;border-top:1px dotted  #cecece;">
                    开发人员只需将图片路径作为参数构造控件或窗体（如TDPushButton），控件会自动根据鼠标按下或经过的状
                    <hr style=" margin-top : 4px; margin-bottom:4px;height:1px;border:none;border-top:1px dotted  #cecece;">
                    态进行图片切换，通过框架内现有的控件组合，就可以构建出非常漂亮的软件界面。此框架尚在完善阶段，最新源
                    <hr style=" margin-top : 4px; margin-bottom:4px;height:1px;border:none;border-top:1px dotted  #cecece;">
                    码及API可访问作者<a href = "https://github.com/TheThreeDog/TD-FrameWork">三级狗（ThreeDog）</a>的GitHub主页进行下载。此框架采用
                        <a href="http://baike.baidu.com/link?url=B6xceaSfrjJnVirEug8yr4Rm2K8IUuy30TM8kkHggaesPO73hJgEdDTIok5LkSs2YPDA7f7Fr2_HYDciFC94IK" target = "_black">
                            MIT开源协议
                        </a>，使用此框架进行
                    <hr style=" margin-top : 4px; margin-bottom:4px;height:1px;border:none;border-top:1px dotted  #cecece;">
                    产品开发或基于框架进行二次开发，请自觉遵守协议规范。关于此框架的任何疑问、BUG、建议、批评指正等可
                    <hr style=" margin-top : 4px; margin-bottom:4px;height:1px;border:none;border-top:1px dotted  #cecece;">
                    以至信作者邮箱<a href = "mailto:qiugeyafang@gmail.com">qiugeyafang@gmail.com</a>。欢迎提出宝贵意见。
                    <hr style=" margin-top : 4px; margin-bottom:4px;height:1px;border:none;border-top:1px dotted  #cecece;">
                </font>
                </b>
                </div>
            </div>
            <div class = "myh3">
                索引
            </div>
            <div id = "index" style = "margin : 20px">
                <div style = "margin-left:65px;border:1px solid #cecece;padding:10px;border-radius:10px;width:900px; height:240px; background:#f2f2f2" >
                    <div style = "float:left; margin-left:">
                        <ul>
                            <li><a href="#TDAbstractButton">TDAbstractButton</a></li><hr style=" margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><a href="#TDCheckbox">TDCheckbox</a></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><font color = "#555555">TDComboBox</font></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><a href="#TDFadeoutWidget">TDFadeoutWidget</a></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><a href="#TDListWidgetItem">TDListWidgetItem</a></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><a href="#TDListWidget">TDListWidget</a></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><font color = "#555555">TDMessageBox</font></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><a href="#TDMenuButton">TDMenuButton</a></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><a href="#TDPushButton">TDPushButton</a></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                        </ul>
                    </div>
                    <div style = "float:left; margin-left:400px">
                        <ul>
                            <li><a href="#TDRadioButton">TDRadioButton</a></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><a href="#TDRadioButtonGroup">TDRadioButtonGroup</a></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><a href="#TDScrollArea">TDScrollArea</a></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><a href="#TDScrollBar">TDScrollBar</a></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><a href="#TDSlider">TDSlider</a></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><a href="#TDStackButton">TDStackButton</a></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><a href="#TDToolbar">TDToolbar</a></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                            <li><a href="#TDWidget">TDWidget</a></li><hr style="margin-top : 0px; margin-bottom:0px;height:1px;border:none;border-top:1px dotted  #cecece;">
                        </ul>
                    </div>
                </div>
            </div>
            <div id = "TDAbstractButton">
                    <div class = "myh2">
                        <div style = "font-size:26px;margin-top:10px;" ><b>TDAbstractButton Class</b></div>
                    </div>
                    <div id = "copy_right">
                        <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                    </div>
                    <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                        <div id = "left-contenx" style = "width:720px;float:left;">
                            <font color = "#007330">TDAbstractButton</font>自定义抽象按钮类，所有的自定义按钮都继承
                            自这个类，重写<font color = "#007330">mouseReleaseEvent</font>实现按钮点击触发的效果。
                            通过函数指针和调用者的指针实现回调函数。也可以用信号和槽。<br><br>
                            <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                                头文件 ：#include "ThreeDog/tdabstractbutton.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                                qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                                继承自 ：<a href="#QLabel">QLabel</a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                                被继承 ：<a href = "#TDPushButton">TDPushButton</a>、<a href = "#TDCheckbox">TDCheckbox</a>
                            </div>
                        </div>
                        <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                            <div class = "contents">
                                Contents
                            </div>
                            <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                                <ul>
                                    <li><font color = "#007330"><a href = "#TDAbstractButton-Properties">Properties</a></font></li>
                                    <li><font color = "#007330"><a href = "#TDAbstractButton-Public-Functions">Public Functions</a></font></li>
                                    <li><font color = "#007330"><a href = "#TDAbstractButton-Reimplemented-Protected-Functions">Reimplemented Protected Functions</a></font></li>
                                    <li><font color = "#007330"><a href = "#TDAbstractButton-Signals">Signals</a></font></li>
                                </ul>
                            </div>
                        </div>
                            <div id = "TDAbstractButton-Properties" >
                                <div class="myh3"style = "margin-top:80px;">
                                    Properties
                                </div>
                                <ul>
                                    <li>
                                        <font color = "#007330">
                                            <strong>func_ptr</strong>
                                        </font> : FUNC_PTR
                                        <font color = "#555555">
                                            //回调函数指针，设置回调函数时将此指针指向被调用的函数，在鼠标点击时进行，调用默认初始化为NULL。
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>caller</strong>
                                        </font> : QObject*
                                        <font color = "#555555">
                                            //回调函数的调用者，指定由谁来调用回调函数，相当于指定调用函数时的this指针
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>old_pos</strong>
                                        </font> : QPoint
                                        <font color = "#555555">
                                            //鼠标按下时的位置坐标，用于鼠标移动时计算相对位置实现拖动控件可移动的效果
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>move_enable</strong>
                                        </font> : bool
                                        <font color = "#555555">
                                            //记录控件是否可移动的标识
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>is_press</strong>
                                        </font> : bool
                                        <font color = "#555555">
                                            //记录鼠标是否按下，在鼠标移动时通过自变量判断是否进行移动
                                        </font>
                                    </li>
                                    <li>其他由父类继承的成员约60+个</li>
                                </ul>
                            </div>
                            <div id = "TDAbstractButton-Public-Functions">
                                <div class = "myh3">
                                    Public Functions
                                </div>
                                <ul>
                                    <li>
                                        <font color = "#007330">
                                            <strong>TDAbstractButton(QWidget *parent)</strong><br>
                                        </font>
                                        <font color = "#555555">
                                            //抽象按钮的构造函数
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>~TDAbstractButton()</strong><br>
                                        </font>
                                        <font color = "#555555">
                                            //抽象按钮的析构函数
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>void setCallback(QObject * obj,FUNC_PTR func)</strong><br>
                                        </font>
                                        <font color = "#555555">
                                            //设置回调，参数为（调用者指针，调用者调用的函数指针）按钮点击时触发回调函数，
                                            类似于<font color = "#007330">QObject::connect()</font>函数的最后两个参数
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>virtual void setAutoMask()</strong><br>
                                        </font>
                                        <font color = "#555555">
                                            //设置自动遮罩，用于控绘制的此控件可选区域，在此类中只有控方法体，在子类中按需求各自实现。
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>void setMoveEnable(const bool can_move)</strong><br>
                                        </font>
                                        <font color = "#555555">
                                            //设置此控件是否可拖动，设置为true时，程序中鼠标可以拖动控件移动。
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>bool moveEnable() const</strong><br>
                                        </font>
                                        <font color = "#555555">
                                            //返回此控件是否可拖动的状态。
                                        </font>
                                    </li>
                                </ul>
                            </div>
                            <div id = "TDAbstractButton-Reimplemented-Protected-Functions">
                                <div class = "myh3">
                                    Reimplemented Protected Functions
                                </div>
                                <ul>
                                    <li>
                                        <font color = "#007330">
                                            <strong>virtual void mousePressEvent(QMouseEvent *e)</strong><br>
                                        </font>
                                        <font color = "#555555">
                                            //按钮按下事件触发函数，记录鼠标点击的位置和本窗体当前位置
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>virtual void mouseMoveEvent(QMouseEvent *e)</strong><br>
                                        </font>
                                        <font color = "#555555">
                                            //鼠标移动事件，通过移动的坐标减去之前的坐标计算相对位置，实现窗体的拖动。
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>virtual void mouseReleaseEvent(QMouseEvent *e)</strong><br>
                                        </font>
                                        <font color = "#555555">
                                            //鼠标离开时间，在此事件中停止移动，并且发送clicked信号和触发回调函数。
                                        </font>
                                    </li>
                                </ul>
                            </div>
                            <div id = "TDAbstractButton-Signals">
                                <div class = "myh3">
                                    Signals
                                </div>
                                <ul>
                                    <li>
                                        <font color = "#007330">
                                            <strong>void clicked()</strong><br>
                                        </font>
                                        <font color = "#555555">
                                            //点击信号，在鼠标离开时发送此信号。
                                        </font>
                                    </li>
                                </ul>
                            </div>

                    </div>
                </div>
            <div id = "TDCheckbox">
                <div class = "myh2">
                    <div style = "font-size:26px;margin-top:10px;" ><b>TDCheckBox Class</b></div>
                </div>
                <div id = "copy_right">
                    <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                </div>
                <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                    <div id = "left-contenx" style = "width:720px;float:left;">
                        <font color = "#007330">TDCheckbox</font>自定义复选框类，可选在初始化时传入绑定的变量指针，
                        也可以在后期手动绑定，通过按钮点击切换不同的选中状态，提供默认接口和图片接口，默认接口采用颜色
                        填充矩形实现，可以通过<font color = "#007330">setColor</font>函数切换颜色。图片接口则程序会在
                        两个图片之间替换显示达到选中和未选中的效果。此控件包含两部分，左侧的显示图标和右侧的显示文字<br><br>
                        <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                            头文件 ：#include "ThreeDog/tdcheckbox.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            继承自 ：<a href="#TDAbstractButton">TDAbstractButton<a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            被继承 ：<a href="#TDRadioButton">TDRadioButton</a>,<a href="#TDToolbar">TDToolbar</a>
                        </div>
                    </div>
                    <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                        <div class = "contents">
                            Contents
                        </div>
                        <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                            <ul>
                                <li><font color = "#007330"><a href = "#TDCheckBox-Properties">Properties</a></font></li>
                                <li><font color = "#007330"><a href = "#TDCheckBox-Public-Functions">Public Functions</a></font></li>
                                <li><font color = "#007330"><a href = "#TDCheckBox-Reimplemented-Public-Functions">Reimplemented Public Functions</a></font></li>
                                <li><font color = "#007330"><a href = "#TDCheckBox-Reimplemented-Protected-Functions">Reimplemented Protected Functions</a></font></li>
                                <li><font color = "#007330"><a href = "#TDCheckBox-Private-Functions">Private Functions</a></font></li>
                            </ul>
                        </div>
                    </div>
                        <div id = "TDCheckBox-Properties" >
                            <div class="myh3">
                                Properties
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>is_default</strong>
                                    </font> : bool
                                    <font color = "#555555">
                                        //是否是默认形式，如果使用默认接口构造，is_default则被初始化为true，如果使用图
                                        片接口初始化，is_default则被初始化为false
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>is_selected</strong>
                                    </font> : bool
                                    <font color = "#555555">
                                        //是否被选中，记录当前复选框的选中状态。默认初始化为false，如果绑定了布尔变量，则以绑定的变量值为准。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>con_bool</strong>
                                    </font> : bool *
                                    <font color = "#555555">
                                        //指向关联的布尔变量的指针，复选框通过这个指针可以绑定一个布尔变量，之后再点击此复选框，就可以改变关联变量的真假值。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>left</strong>
                                    </font> : QLabel *
                                    <font color = "#555555">
                                        //此控件的左侧图标部分，默认为填充矩形，非默认情况显示用户传入的图片。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>right</strong>
                                    </font> : QLabel *
                                    <font color = "#555555">
                                        //控件的右侧部分，显示文字，若被指定为 "" ，则右控件不显示。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>col_checked</strong>
                                    </font> : QColor
                                    <font color = "#555555">
                                        //控件被选中时的颜色，用于默认情况初始化的情况。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>col_non_checked</strong>
                                    </font> : QColor
                                    <font color = "#555555">
                                        //控件没有被选中是的颜色，用于默认情况初始化的情况。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>pic_checked</strong>
                                    </font> : QPixmap
                                    <font color = "#555555">
                                        //控件被选中时显示的图片，用户图片接口初始化的情况。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>pic_non_checked</strong>
                                    </font> : QPixmap
                                    <font color = "#555555">
                                        //控件没有被选中时显示的图片，用于图片接口初始化的情况。
                                    </font>
                                </li>
                                <li>以及其他由父类继承的成员</li>
                            </ul>
                        </div>
                        <div id = "TDCheckBox-Public-Functions">
                            <div class="myh3">
                                Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDCheckbox(QWidget *parent = 0,bool* boolean = NULL);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //默认形式构造复选框，参数（父控件指针，关联bool变量指针）。默认使用红色和深空色初始化
                                        默认显示文字TDCheckBox,若指定了关联的变量指针，则按指定的变量真假值显示颜色，并初始化
                                        is_select变量。若未指定，则初始化为false，按深红色显示。is_default会被初始化为true；
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDCheckbox(const QString &text,QWidget *parent = 0,bool* boolean= NULL);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //带文字参数初始化复选框，参数（显示的文字，父控件指针，关联布尔变量的指针）。用指定的文字
                                        text初始化控件右半部分显示的文字，其余部分和默认情况初始化一样，is_default会被初始化为true；
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDCheckbox(const QString pic_che,const QString pic_non,QWidget *parent = 0,bool* boolean = NULL);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //复选框的图片接口，参数（选中时显示的图片路径，未选中时显示的图片路径，父控件指针，关联的布尔变量指针）；<br>
                                        用图片的形式初始化控件，左侧显示图片而不是填充矩形，右侧显示文字。is_default会被初始化为false；
                                        同样，若指定了关联的变量指针，则按指定的变量真假值显示图片，并初始化is_select变量。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>~TDCheckbox();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //自定义复选框控件的析构函数
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setColor(const QColor &col_che,const QColor &col_non);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //使用设置接口的方式改变颜色，而不是初始化函数；参数（选中时显示的颜色，未选中时显示的颜色）
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void connectToBool(bool* boolean);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //关联这个复选框所控制的布尔变量 传递一个bool变量的指针，关联后is_selected
                                        会被指定成和关联变量一样的值，并且会显示的图片或颜色会切换到响应状态。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>bool isChecked() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //返回是否被选中的状态
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setChecked(bool check);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //改变选中状态的外部接口
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDCheckBox-Reimplemented-Public-Functions">
                            <div class="myh3">
                                Reimplemented Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void setAutoMask();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置自动遮罩，如果是以图片形式初始化，此函数将采用选中时的图片设置遮罩区（即可选区域），否则，调用会被忽略。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setText(const QString &);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重新实现setText函数，若调用此函数，会自动设置改变右控件的文字。
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDCheckBox-Reimplemented-Protected-Functions">
                            <div class="myh3">
                                Reimplemented Protected Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mousePressEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //鼠标按下时间，在此事件中改变当前的选中状态，并且执行父类的mouseReleaseEvent()事件发送clicked信号。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mouseReleaseEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //使用空方法体，无效化此事件，否则会自动调用父类的此方法发送clicked()信号，达不到想要的效果。
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDCheckBox-Private-Functions">
                            <div class="myh3">
                                Private Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>void initDefault(bool* boolean);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //按默认方式初始化控件，参数（关联的布尔变量指针）。除了以图片为接口，其他两个构造函数都会调用此函数来初始化控件。
                                    </font>
                                </li>
                            </ul>
                    </div>
                </div>
            </div>
            <div id = "TDFadeoutWidget">
                <div class = "myh2">
                    <div style = "font-size:26px;margin-top:10px;" ><b>TDFadeoutWidget Class</b></div>
                </div>
                <div id = "copy_right">
                    <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                </div>
                <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                    <div id = "left-contenx" style = "width:720px;float:left;">
                        <font color = "#007330">TDFadeoutWidget</font>渐隐渐显窗体，利用timer定时器事件设置窗体的透明度来实现
                            淡入淡出的效果，定时器时间可由用户指定。在窗体显示和窗体关闭或隐藏时会有淡入淡出效果，其他和普通窗体没有区别
                            如果传入图片参数构造，则会使用图片的选区作为默认遮罩区<font color = "red"><br>暂时存在问题!只能在单独窗体状态时实现透明渐变，如果是子窗体，则渐变失效</font><br><br>
                        <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                            头文件 ：#include "ThreeDog/tdfadeoutwidget.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            继承自 ：<a href="#TDWidget">TDWidget</a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            被继承 ：<font color = "gray">无</font>
                        </div>
                    </div>
                    <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                        <div class = "contents">
                            Contents
                        </div>
                        <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                            <ul>
                                <li><font color = "#007330"><a href = "#TDFadeoutWidget-Properties">Properties</a></font></li>
                                <li><font color = "#007330"><a href = "#TDFadeoutWidget-Public-Functions">Public Functions</a></font></li>
                                <li><font color = "#007330"><a href = "#TDFadeoutWidget-Public-Slots">Public Slots</a></font></li>
                                <li><font color = "#007330"><a href = "#TDFadeoutWidget-Reimplemented-Protected-Functions">Reimplemented Protected Functions</a></font></li>
                            </ul>
                        </div>
                    </div>
                        <div id = "TDFadeoutWidget-Properties" style = "margin-top:100px;">
                            <div class="myh3">
                                Properties
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>opacity_inc</strong>
                                    </font> : double
                                    <font color = "#555555">
                                        //透明度的增长值，每经过设置好的时间间隔，透明度以这个值累加或累减。
                                        透明度最大值默认为1代表不透明，增长值默认0.01。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>max_opacity</strong>
                                    </font> : double
                                    <font color = "#555555">
                                        //最大透明度，默认为1.0表示不透明，可设置为小于1的值，窗体显示完全时也可处于半透明状态。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>is_display</strong>
                                    </font> : bool
                                    <font color = "#555555">
                                        //记录窗体是否显示。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>timer_interval</strong>
                                    </font> : double
                                    <font color = "#555555">
                                        //定时器时间间隔，窗体淡入或淡出时，定时器每过<font color = "green">timer_interval</font>毫秒触发一次，改变一次透明度。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>is_hide</strong>
                                    </font> : bool
                                    <font color = "#555555">
                                        //是否隐藏，关闭此窗体时，通过此变量判断窗体是 关闭还是隐藏。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>is_close</strong>
                                    </font> : bool
                                    <font color = "#555555">
                                        //是否关闭，关闭此窗体时，通过此变量判断窗体是 关闭还是隐藏。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>timer</strong>
                                    </font> : QTimer *
                                    <font color = "#555555">
                                        //控件的定时器，没过固定的时间间隔，定时器触发改变本窗体的透明度。
                                    </font>
                                </li>
                                <li>以及其他由父类继承的成员</li>
                            </ul>
                        </div>
                        <div id = "TDFadeoutWidget-Public-Functions">
                            <div class="myh3">
                                Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDFadeoutWidget(TDWidget* parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //默认的构造函数，参数是指定的父控件，在构造器中启动定时器，并初始化成员变量。默认情况下0.2秒，窗体从透明显示完全。
                                        默认初始化当前窗体透明度为0，透明度增长值为0.01，最大透明度1.0，is_display默认为false
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDFadeoutWidget(const QString &img_path,TDWidget *parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //传入图片的初始化接口，参数（窗体的图片路径，父控件指针），用传入的参数作为窗体的显示图像。
                                        自动使用此图片的选区为遮罩区。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDFadeoutWidget(const QString &img_path,TDWidget *parent,bool show_window);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //与上一个函数基本相同，多出一个参数，指定此窗体的边框是否显示。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>~TDFadeoutWidget();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //渐隐窗体控件的析构函数
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void init();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //默认初始化函数，以上几个构造函数中均调用此函数进行窗体的初始化和构造。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>double getFadeoutTime(); </strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取当前设置的，从不透明到全透明需要的时间，单位是秒
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setFadeoutTime(const double second);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置从不透明到全透明需要用的时间
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDFadeoutWidget-Public-Slots">
                            <div class="myh3">
                                Public Slots
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>void timeout();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //定时器触发的槽函数，在此槽函数中改变窗体的透明度，并且通过is_hide和is_close检测决定，在此窗体透明度为0后执行什么操作。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void hide();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //需求的情况在hideEvent()中无法实现，所以手动重写hide函数，实现同样的功能。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void close();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //同样的需求的情况在closeEvent()中无法实现，所以手动重写close函数，实现同样的功能。但是用户手动调用close可以实现，
                                        点击窗体的关闭按钮则不会触发淡出效果。
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDFadeoutWidget-Reimplemented-Protected-Functions">
                            <div class="myh3">
                                Reimplemented Protected Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void showEvent(QShowEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重写显示事件，在事件中启动定时器，定时改变透明度值，实现淡入的效果。
                                    </font>
                                </li>
                            </ul>
                        </div>
                </div>
            </div>
            <div id = "TDListWidgetItem">
                <div class = "myh2">
                    <div style = "font-size:26px;margin-top:10px;" ><b>TDListWidgetItem Class</b></div>
                </div>
                <div id = "copy_right">
                    <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                </div>
                <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                    <div id = "left-contenx" style = "width:720px;float:left;">
                        <font color = "#007330">TDListWidgetItem</font>列表窗体条目类，列表窗体的条目，应用于需要列表显示的内容，比如播
                        放器的播放列表。继承自<font color = "007330">TDMenuButton</font>类，实现鼠标经过和鼠标按下时的动态效果。也可用于实现
                        菜单按钮，按钮点击时会发送信号传递点击的index值。使用时建议继承此类进行二次开发，也实现更加偏个性化的效果，也可直接
                        实例化此类对象。参数和TDMenuButton，TDPushButton实例化接口保持一致。<br><br>
                        <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                            头文件 ：#include "ThreeDog/tdlistwidget.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            继承自 ：<a href="#TDMenuButton">TDMenuButton</a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            被继承 ：<font color = "gray">无</font>
                        </div>
                    </div>
                    <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                        <div class = "contents">
                            Contents
                        </div>
                        <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                            <ul>
                                <li><font color = "#007330"><a href = "#TDListWidgetItem-Properties">Properties</a></font></li>
                                <li><font color = "#007330"><a href = "#TDListWidgetItem-Public-Functions">Public Functions</a></font></li>
                                <li><font color = "#007330"><a href = "#TDListWidgetItem-Signals">Signals</a></font></li>
                                <li><font color = "#007330"><a href = "#TDListWidgetItem-Reimplemented-Protected-Functions">Reimplemented Protected Functions</a></font></li>
                            </ul>
                        </div>
                    </div>
                        <div id = "TDListWidgetItem-Properties" style = "margin-top:120px;">
                            <div class="myh3">
                                Properties
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>index</strong>
                                    </font> : int
                                    <font color = "#555555">
                                        //下标，每一个条目的唯一标识，在初始化或加入每一个条目的时候写入。
                                    </font>
                                </li>
                                <li>以及其他由父类继承的成员</li>
                            </ul>
                        </div>
                        <div id = "TDListWidgetItem-Public-Functions">
                            <div class="myh3">
                                Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDListWidgetItem(QWidget *parent = 0,Qt::Orientation ot = Qt::Vertical);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //默认的构造函数，参数（父控件指针，控件方向默认为垂直），以默认的方式初始化，正常显示灰色矩形按钮，鼠标经过时显示浅灰色，鼠标
                                        按下时显示深灰色，按照指定的方向设置文字方向并设置控件大小，默认（100*30 或30*100）。设置对齐方式为居中。默认显示文字是TDMenuButton
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDListWidgetItem(const QString text,QWidget *parent = 0,Qt::Orientation ot = Qt::Vertical);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //初始化时传入文字，控件显示的文字会以text初始化，其余和默认参数一致。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDListWidgetItem(const QString &pic_nor,const QString &pic_hov,const QString &pic_sel,QWidget *parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //以三张图片进行控件的初始化。参数(正常显示的图片路径，鼠标经过时显示的图片路径，鼠标按下时显示的图片的路径，父控件指针)初始化时传入
                                        三个图片路径，控件以图片进行初始化，并且在鼠标经过或按下时，自动实现图片的切换。可以通过<font color = "#007330">setAutoMask()</font>
                                        自动以鼠标经过时的图片选区为遮罩，也可以手动重新实现遮罩。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>~TDListWidgetItem();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //列表窗体条目控件的析构函数
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setColor(const QColor &col_nor,const QColor &col_hov,const QColor &col_pre);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置控件的颜色，三个参数分别为（正常颜色，鼠标经过时的颜色，鼠标点击时的颜色），用户可以自定义和式风格的颜色来代替默认的灰色。
                                        注意只有在控件is_default属性为true时，此函数设置才有效。也就是说以图片参数初始化的控件使用此函数设置后无效。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void init(Qt::Orientation ot);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //以默认方式进行初始化时，构造函数都会调用init函数来进行初始化，参数为方向（水平，垂直）。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getIndex() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取当前控件的下标或索引，有时候也是其在父控件中的位序。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setIndex(const int i);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置当前控件的索引值。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void setText(const QString &text);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重新实现的setText()函数，用于设置当前控件上显示的文字。同样，当is_default属性为true时，设置才有效。
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDListWidgetItem-Signals">
                            <div class="myh3">
                                Signals
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>void doubleClicked(int index);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //按钮双击信号，传递此控件的index值。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void clicked(int index);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //点击信号，传递此控件的index值。在鼠标按下的那一刻触发。
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDListWidgetItem-Reimplemented-Protected-Functions">
                            <div class="myh3">
                                Reimplemented Protected Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mouseDoubleClickEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //鼠标双击事件，在此事件中，发送<font color = "$007330">doubleClicked</font>信号。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mouseReleaseEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //鼠标离开时间，在此事件中发送<font color = "$007330">clicked</font>信号。并且执行父类的此函数。
                                    </font>
                                </li>
                            </ul>
                        </div>
                </div>
            </div>
            <div id = "TDListWidget">
                <div class = "myh2">
                    <div style = "font-size:26px;margin-top:10px;" ><b>TDListWidget Class</b></div>
                </div>
                <div id = "copy_right">
                    <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                </div>
                <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                    <div id = "left-contenx" style = "width:720px;float:left;">
                        <font color = "#007330">TDListWidget</font>列表窗体，用于成行或成列的显示一组相同类型的控件，可以使用原生的
                        按钮控件，也可以显示自定义的按钮控件，需要子控件继承TDListWidgetItem实现即可。继承自<a href="#TDScrollArea">
                            TDScrollArea</a>类，初始指定宽度高度值，子控件窗体宽度或高度超出时，会自动出现滚动条，可以使用
                        <a href="#TDScrollArea">TDScrollArea</a>类中的接口改变滚动条的样式。可应用于导航栏，播放列表等诸多场景。
                        <br><br>
                        <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                            头文件 ：#include "ThreeDog/tdlistwidget.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            继承自 ：<a href="#TDScrollArea">TDScrollArea</a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            被继承 ：<font color = "gray">无</font>
                        </div>
                    </div>
                    <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                        <div class = "contents">
                            Contents
                        </div>
                        <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                            <ul>
                                <li><font color = "#007330"><a href = "#TDListWidget-Properties">Properties</a></font></li>
                                <li><font color = "#007330"><a href = "#TDListWidget-Public-Functions">Public Functions</a></font></li>
                                <li><font color = "#007330"><a href = "#TDListWidget-Signals">Signals</a></font></li>
                                <li><font color = "#007330"><a href = "#TDListWidget-Private-Slots">Private Slots</a></font></li>
                            </ul>
                        </div>
                    </div>
                        <div id = "TDListWidget-Properties" style = "margin-top:120px;">
                            <div class="myh3">
                                Properties
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>spacing</strong>
                                    </font> : int
                                    <font color = "#555555">
                                        //间隔，用于指定每个控件之间的间隔，默认为 5个像素
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>current_index</strong>
                                    </font> : int
                                    <font color = "#555555">
                                        //当前下标，用于记录当前被选中的控件的下标。默认为0代表无控件被选中。子控件自加入开始从1开始计数
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>item_list</strong>
                                    </font> : QVector<TDListWidgetItem *>
                                    <font color = "#555555">
                                        //一个用于存放子控件指针的容器，通过此容器操作所有添加到窗体中的子控件。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>orientation</strong>
                                    </font> : Qt::Orientation
                                    <font color = "#555555">
                                        //一个枚举变量，用于指定控件的方向，可以取值Qt::Vertical|Qt::Horizontal(垂直|水平)
                                    </font>
                                </li>
                                <li>以及其他由父类继承的成员</li>
                            </ul>
                        </div>
                        <div id = "TDListWidget-Public-Functions">
                            <div class="myh3">
                                Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDListWidget(QWidget *parent = 0,Qt::Orientation ot = Qt::Vertical);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //列表窗体的默认的构造函数，参数（父控件指针，显示方向），若不指定则默认为垂直方向。初始化当前选中下标为0，控件之间间隔而为5像素
                                            设置滚动子窗体大小为100*100（关于滚动子窗体详情参见<a href = "#TDScrollArea">TDScrollArea</a>类）。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>~TDListWidgetItem();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //列表窗体类的析构函数
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void addItem(const QString &text);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //添加组件，以text为文本构造一个默认的item组件并添加到当前窗体，显示到列表末尾的位置。<br>
                                        (以默认形式生成一个菜单按钮控件，显示text指定的文字，添加到item_list中并移动到末尾的位置)
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void addItem(TDListWidgetItem *item);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //添加组件，将item控件添加到item_list中，并显示到列表末尾的位置，item可以使用户自定义的按钮控件，也可以是
                                        默认形式构造的控件，只要是TDListWidgetItem类的实例或其子类的实例即可。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void insertItem(int index,const QString &text);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //插入控件，在列表第index的位置插入默认控件，text指定控件的显示文字。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void insertItem(int index,TDListWidgetItem *item);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //插入控件，在列表第index的位置将控件item插入。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getCount() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取当前窗体所包含的子控件的数量
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDListWidgetItem* getCurrentItem();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取当前被选中的子控件的指针
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getCurrentIndex() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取当前被选中的控件的下标（注意下标是从1开始计数）。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getIndex(TDListWidgetItem* item) const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取item控件在此窗体中的位置（或者说下标），如果item不存在于此窗体中，则返回0；
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDListWidgetItem* getItem(const int index);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取窗体中第index个控件的指针，如果index大于控件的数目，则返回NULL
                                    </font>
                                </li>
                                <li>
                                    <font color = "gray">
                                        <b>bool removeItem(const int index);</b><br>
                                    </font>
                                    <font color = "red">
                                        //删除第index个组件。（尚未实现！）
                                    </font>
                                </li>
                                <li>
                                    <font color ="gray">
                                        <strong>bool removeItem(TDListWidgetItem* item);</strong><br>
                                    </font>
                                    <font color = "red">
                                        //删除列表中的item组件（尚未实现）
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setSpacing(const int spac);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置窗体中控件之间的间隔，需要在添加控件之前调用此函数，设置才生效。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getSpacing () const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        /获取当前窗体中空间之间的间隔参数。
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDListWidget-Signals">
                            <div class="myh3">
                                Signals
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>void currentItemChanged(TDListWidgetItem * previous, TDListWidgetItem * current);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //当前控件变更信号，当被选中的控件改变时，触发此信号，传递参数（改变以前被选中的控件指针，改变以后被选中的控件指针）。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void currentIndexChanged(int current);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //当前控件变更信号，当选中的控件改变时，触发此信号，传递参数（改变之后被选中的下标）
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void itemChanged(TDListWidgetItem * item);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //当前控件变更信号，当选中的控件改变时，触发此信号，传递参数（改变之后被选中的控件的指针）
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void itemClicked(TDListWidgetItem * item);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //控件被点击信号，当控件被点击时触发此信号，传递参数（被点击的控件指针）
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void itemDoubleClicked(TDListWidgetItem * item);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //控件被双击信号，当控件被双击时触发此信号，传递参数（被双击的控件指针）
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDListWidget-Private-Slots">
                            <div class="myh3">
                                Private Slots
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>void itemDoubleClick(int index);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //接收控件双击的槽函数，当有控件双击时，接收被双击的控件的下标。并通过下标判断需要发送信号。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void itemClick(int index);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //接收控件点击的槽函数，当有控件被点击时，接收被点击的控件的下标。并通过下标判断需要发送信号。
                                    </font>
                                </li>
                            </ul>
                        </div>
                </div>
            </div>
            <div id = "TDMenuButton">
                <div class = "myh2">
                    <div style = "font-size:26px;margin-top:10px;" ><b>TDMenuButton Class</b></div>
                </div>
                <div id = "copy_right">
                    <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                </div>
                <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                    <div id = "left-contenx" style = "width:720px;float:left;">
                        <font color = "#007330">TDMenuButton</font>菜单按钮，继承自<a href="#TDPushButton">TDPushButton</a>
                        跟普通按钮有所不同的是，菜单按钮在鼠标抬起或离开后，显示状态不会更换，而是在失去焦点时才恢复普通的显示状态，实现一
                        种被选中的效果，可以作为导航栏，菜单栏，状态栏，开关等部件按钮，通过焦点的获取和失去事件改变选中状态。默认构造的是灰色、深灰
                        、浅灰的填充按钮，可以通过<font color = "#007330">setColor()</font>函数改变颜色，也可以使用图片路径接口构造个性化的菜单按钮。
                        <br><br>
                        <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                            头文件 ：#include "ThreeDog/tdmenubutton.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            继承自 ：<a href="#TDPushButton">TDPushButton</a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            被继承 ：<a href="#TDListWidgetItem">TDListWidgetItem</a>
                        </div>
                    </div>
                    <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                        <div class = "contents">
                            Contents
                        </div>
                        <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                            <ul>
                                <li><font color = "#007330"><a href = "#TDMenuButton-Properties">Properties</a></font></li>
                                <li><font color = "#007330"><a href = "#TDMenuButton-Public-Functions">Public Functions</a></font></li>
                                <li><font color = "#007330"><a href = "#TDMenuButton-Reimplemented-Protected-Functions">Reimplemented Protected Functions</a></font></li>
                            </ul>
                        </div>
                    </div>
                        <div id = "TDMenuButton-Properties" style = "margin-top:140px;">
                            <div class="myh3">
                                Properties
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>is_selected</strong>
                                    </font> : bool
                                    <font color = "#555555">
                                        //记录当前按钮的选中状态
                                    </font>
                                </li>
                                <li>以及其他由父类继承的成员</li>
                            </ul>
                        </div>
                        <div id = "TDMenuButton-Public-Functions">
                            <div class="myh3">
                                Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDMenuButton(QWidget* parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //TDMenuButton的默认的构造函数，参数指定父控件，默认使用深灰、灰、浅灰构造一个100*30的矩形按钮。使用焦点事件改变按
                                        钮的触发状态，在没有被选中的情况下被点击，触发clicked()信号，并执行回调函数。默认显示文字TDMenuButton
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDMenuButton(const QString &text,QWidget *parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //带文字参数的构造函数，控件显示text参数指定的文字，其余都和默认构造函数一致。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDMenuButton(const QString pic_nor,const QString pic_hov,const QString pic_sel,QWidget *parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //图片参数的构造函数，参数（正常显示的图片路径，鼠标经过时显示的图片路径，被选择时显示的图片路径，父控件指针）；直接构造可
                                        动态显示的菜单按钮。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>~TDMenuButton();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //菜单按钮的析构函数
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setColor(const QColor &col_nor,const QColor &col_hov,const QColor &col_sel);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //改变按钮三态的显示的颜色，如果是以图片路径为参数构造的按钮，不可使用此函数。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>bool isSelected() const ;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //返回当前按钮是否被选中的状态
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDMenuButton-Reimplemented-Protected-Functions">
                            <div class="myh3">
                                Reimplemented Protected Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void focusInEvent(QFocusEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取焦点事件，当鼠标点击获取到焦点时，触发此事件，切换显示被选中时的图片，切换is_selected属性为true。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void focusOutEvent(QFocusEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //失去焦点事件，当鼠标点击了其他按钮，此按钮失去焦点时触发此事件，切换显示正常时的图片，切换is_selected属性为false。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void leaveEvent(QEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //鼠标离开事件，加入判断，如果is_selected属性为true，说明被选中，忽略此信号，否则，调用父类的此事件。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void enterEvent(QEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //鼠标进入事件，加入判断，如果is_selected属性为true，说明被选中，忽略此信号，否则，调用父类的此事件。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mousePressEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //鼠标按下事件，加入判断，如果is_selected属性为true，说明被选中，忽略此信号，否则，调用父类的鼠标离开事件。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mouseReleaseEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //鼠标抬起事件，控方法体，用于无效化此事件避免因调用了父类的此事件而重复触发clicked()信号。
                                    </font>
                                </li>
                            </ul>
                        </div>
                </div>
            </div>
            <div id = "TDPushButton">
                <div class = "myh2">
                    <div style = "font-size:26px;margin-top:10px;" ><b>TDPushButton Class</b></div>
                </div>
                <div id = "copy_right">
                    <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                </div>
                <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                    <div id = "left-contenx" style = "width:720px;float:left;">
                        <font color = "#007330">TDPushButton</font>普通按钮，继承自<a href="#TDAbstractButton">TDAbstractButton</a>
                        鼠标经过和鼠标按下时分别切换不同的显示状态，实现鼠标点击的视觉效果，在鼠标按键抬起时，发送<font colot = "#007330"clicked（）</font>
                        的信号，并调用指定的回调函数（如果未指定则不调用）实现按钮点击的触发效果。默认采用填充色实现按钮的三态和点击效果，如果传递图片
                        参数时，用图片替换填充色三态效果。可以通过<font color = "#007330">setColor()</font>函数改变填充颜色。
                        <br><br>
                        <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                            头文件 ：#include "ThreeDog/tdpushbutton.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            继承自 ：<a href="#TDPushButton">TDPushButton</a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            被继承 ：<a href="#TDMenuButton">TDMenuButton</a>
                        </div>
                    </div>
                    <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                        <div class = "contents">
                            Contents
                        </div>
                        <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                            <ul>
                                <li><a href = "#TDPushButton-Properties">Protected Properties</a></li>
                                <li><a href = "#TDPushButton-Public-Functions">Public Functions</a></li>
                                <li><a href = "#TDPushButton-Reimplemented-Protected-Functions">Reimplemented Protected Functions</a></li>
                            </ul>
                        </div>
                    </div>
                        <div id = "TDPushButton-Properties" style = "margin-top:140px;">
                            <div class="myh3">
                                Protected Properties
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>is_default;</strong>
                                    </font> : bool
                                    <font color = "#555555">
                                        //记录当前按钮是否是以默认形式构建的，图片路径参数的构造方法将此变量初始化为false，其余构造函数初始化为true
                                    </font>
                                    <li>
                                        <font color = "#007330">
                                            <strong>col_normal;</strong>
                                        </font> : QColor
                                        <font color = "#555555">
                                            //按钮正常显示的填充颜色
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>col_hover;</strong>
                                        </font> : QColor
                                        <font color = "#555555">
                                            //鼠标经过时按钮显示的填充颜色
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>col_press;</strong>
                                        </font> : QColor
                                        <font color = "#555555">
                                            //鼠标按下时按钮显示填充颜色
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>pic_normal;</strong>
                                        </font> : QPixmap
                                        <font color = "#555555">
                                            //按钮正常显示的图片
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>pic_hover;</strong>
                                        </font> : QPixmap
                                        <font color = "#555555">
                                            //鼠标经过时按钮显示的图片
                                        </font>
                                    </li>
                                    <li>
                                        <font color = "#007330">
                                            <strong>pic_press;</strong>
                                        </font> : QPixmap
                                        <font color = "#555555">
                                            //鼠标按下时按钮显示的图片
                                        </font>
                                    </li>
                                </li>
                                <li>以及其他由父类继承的成员</li>
                            </ul>
                        </div>
                        <div id = "TDPushButton-Public-Functions">
                            <div class="myh3">
                                Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDPushButton(QWidget *parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //TDPushButton的默认的构造函数，参数指定父控件，默认使用深灰、灰、浅灰构造一个100*30的矩形按钮。在鼠标点击抬起的时候
                                        触发clicked()信号，并执行回调函数。默认显示文字TDPushButton
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDPushButton(const QString text,QWidget *parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //带文字参数的构造函数，按指定的text显示文字，其余都和默认的构造函数相同。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDPushButton(const QString pic_nor,const QString pic_hov,const QString pic_pre,QWidget *parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //图片参数的构造函数，参数（正常显示的图片路径，鼠标经过时显示的图片路径，被选择时显示的图片路径，父控件指针）；直接构造可
                                        动态显示的按钮，在鼠标经过和鼠标按下时分别显示不同的图片实现动态效果。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong> ~TDPushButton();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //按钮的析构函数
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setColor(const QColor & col_nor,const QColor & col_hov,const QColor & col_pre);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //改变按钮三态的显示的颜色，如果是以图片路径为参数构造的按钮，不可使用此函数。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void setAutoMask();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置自动遮罩，继承自TDAbstractButton的虚函数，如果是通过图片形式构造的，则以鼠标经过时的图片遮罩为遮罩区，否则
                                            则按按钮的大小设置为遮罩区。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>bool isDefault() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //返回此控件是否是以默认形式构造的真假值。
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDPushButton-Reimplemented-Protected-Functions">
                            <div class="myh3">
                                Reimplemented Protected Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void enterEvent(QEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //鼠标进入事件，在此事件中改变控件的颜色（或者设置控件显示图片）为鼠标经过时应显示的状态。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void leaveEvent(QEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //鼠标离开事件，鼠标离开，将控件显示的图片或者颜色更换为正常的状态。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mousePressEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //鼠标按下事件，将控件显示的图片或者颜色更换为鼠标按下时的状态。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mouseReleaseEvent(QMouseEvent *e)</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //鼠标抬起事件，当鼠标按下抬起的时候，改变控件的颜色或者显示的图片回鼠标悬停时的状态。
                                            并且执行父类的此事件，发送鼠标点击信号和调用回调函数。
                                    </font>
                                </li>
                            </ul>
                        </div>
                </div>
            </div>
            <div id = "TDRadioButton">
                <div class = "myh2">
                    <div style = "font-size:26px;margin-top:10px;" ><b>TDRadioButton Class</b></div>
                </div>
                <div id = "copy_right">
                    <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                </div>
                <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                    <div id = "left-contenx" style = "width:720px;float:left;">
                        <font color = "#007330">TDRadioButton</font>单选按钮，继承自<a href="#TDCheckBox">TDCheckBox</a>
                        复选框类，扩展了单选的功能，在被点击时发送radioClicked()信号，由父控件的槽函数实现单选
                        并增加ID属性，用于记录按钮当前的ID。注意：必须将单选按钮放入TDRadioButtonGroup中才能生效，若直接放在窗体中
                        则和复选框效果一样，并不能实现单选效果。
                        <br><br>
                        <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                            头文件 ：#include "ThreeDog/tdradiobutton.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            继承自 ：<a href="#TDCheckbox">TDCheckBox</a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            被继承 ：<font color = "gray">无</font>
                        </div>
                    </div>
                    <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                        <div class = "contents">
                            Contents
                        </div>
                        <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                            <ul>
                                <li><a href = "#TDRadioButton-Properties">Properties</a></li>
                                <li><a href = "#TDRadioButton-Public-Functions">Public Functions</a></li>
                                <li><a href = "#TDRadioButton-Reimplemented-Protected-Functions">Reimplemented Protected Functions</a></li>
                                <li><a href = "#TDRadioButton-Signals">Signals</a></li>
                            </ul>
                        </div>
                    </div>
                        <div id = "TDRadioButton-Properties" style = "margin-top:100px;">
                            <div class="myh3">
                                Properties
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>id;</strong>
                                    </font> : int
                                    <font color = "#555555">
                                        //每一个单选按钮的唯一标识，在同一个互斥分组内，单选按钮的id是唯一的。
                                    </font>
                                </li>
                                <li>以及其他由父类继承的成员</li>
                            </ul>
                        </div>
                        <div id = "TDRadioButton-Public-Functions">
                            <div class="myh3">
                                Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDRadioButton(QWidget *parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //TDRadioButton的默认的构造函数，参数指定父控件，默认使用红色和暗红色构造一个20*20的矩形并在右侧显示文字。
                                        默认显示文字TDRadioButton.
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDRadioButton(const QString &text,QWidget *parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //带文字参数的构造函数，按指定的text显示文字，其余都和默认的构造函数相同。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDRadioButton(const QString pic_che,const QString pic_non,QWidget *parent = 0,bool * boolean = NULL);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //图片参数的构造函数，参数（正常显示的图片路径，被选中时显示的图片路径，父控件指针，关联的布尔变量的指针默认为NULL）；
                                        直接构造可动态显示的按钮，在被选中和没被选中时切换不同的显示状态并改变关联的bool变量的值。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong> ~TDRadioButton();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //单选按钮的析构函数
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setColor(const QColor col_che,const QColor col_non);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //改变按钮显示的颜色，如果是以图片路径为参数构造的按钮，使用此函数无效。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setId(const int i);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置此控件id属性的外部接口。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setText(const QString & text);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //改变按钮显示文字的外部接口。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getId() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取当前控件的id的属性值。
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDRadioButton-Reimplemented-Protected-Functions">
                            <div class="myh3">
                                Reimplemented Protected Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mousePressEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重写鼠标按下事件，执行父类的按钮按下事件，并且发送单选按钮点击的信号（包含按钮ID参数）
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDRadioButton-Signals">
                            <div class="myh3">
                                Signals
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>void radioClicked(int id);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //单选按钮点击信号，在鼠标按下时发送此信号，参数是按钮的id信息.
                                    </font>
                                </li>
                            </ul>
                        </div>
                </div>
            </div>
            <div id = "TDRadioButtonGroup">
                <div class = "myh2">
                    <div style = "font-size:26px;margin-top:10px;" ><b>TDRadioButtonGroup Class</b></div>
                </div>
                <div id = "copy_right">
                    <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                </div>
                <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                    <div id = "left-contenx" style = "width:720px;float:left;">
                        <font color = "#007330">TDRadioButtonGroup</font>单选按钮组，继承自<a href="#TDWidget">TDWidget</a>
                        窗体类，在需要单选按钮的地方创建一个单选按钮组同一个组内，只能有一个按钮被选择。单个的按钮用自定义复选框实现，如果
                        没有将单选按钮放入按钮组内，则单选按钮只具有复选框的功能。添加按钮时，会根据此控件是否指定了图片参数来初始化组内的
                        单选按钮控件。如果先构造按钮，后添加到此控件中，此控件不会按钮原先的位置和布局，按钮还是显示在原来的位置。
                        <br><br>
                        <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                            头文件 ：#include "ThreeDog/tdradiobuttongroup.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            继承自 ：<a href="#TDWidget">TDWidget</a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            被继承 ：<font color = "gray">无</font>
                        </div>
                    </div>
                    <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                        <div class = "contents">
                            Contents
                        </div>
                        <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                            <ul>
                                <li><a href = "#TDRadioButtonGroup-Properties">Properties</a></li>
                                <li><a href = "#TDRadioButtonGroup-Public-Functions">Public Functions</a></li>
                                <li><a href = "#TDRadioButtonGroup-Public-Slots">Public Slots</a></li>
                                <li><a href = "#TDRadioButtonGroup-Signals">Signals</a></li>
                            </ul>
                        </div>
                    </div>
                        <div id = "TDRadioButtonGroup-Properties" style = "margin-top:140px;">
                            <div class="myh3">
                                Properties
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>pic_checked;</strong>
                                    </font> : QString
                                    <font color = "#555555">
                                        //组内按钮被选中时显示的图片的路径。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>pic_non_checked;</strong>
                                    </font> : QString
                                    <font color = "#555555">
                                        //组内按钮未选中时显示的图片的路径。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>radio_buttons;</strong>
                                    </font> : QVector&lt TDRadioButton *>
                                    <font color = "#555555">
                                        //一个按钮容器，存放组内所有单选按钮的指针
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>radio_btn;</strong>
                                    </font> : TDRadioButton *
                                    <font color = "#555555">
                                        //用于指向当前正在操作的按钮
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>main_layout;</strong>
                                    </font> : QBoxLayout *
                                    <font color = "#555555">
                                        //页面的主要布局，根据用户参数决定是水平还是垂直
                                    </font>
                                </li>
                                <li>以及其他由父类继承的成员</li>
                            </ul>
                        </div>
                        <div id = "TDRadioButtonGroup-Public-Functions">
                            <div class="myh3">
                                Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDRadioButtonGroup(TDWidget *parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //TDRadioButtonGroup的默认的构造函数，参数指定父控件，设定控件布局方向为水平方向。设定窗体为自适应大小
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDRadioButtonGroup(const Qt::Orientation,TDWidget* parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //带方向参数的构造函数，按指定控件的布局方向是水平还是竖直，其余都和默认的构造函数相同。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDRadioButtonGroup(const int num,const Qt::Orientation,TDWidget* parent = 0 );</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //带按钮数量个构造函数，参数（包含按钮的数量，布局方向，父控件指针），在构造此按钮组时直接生成指定数量的单选按钮
                                        在控件中（默认形式构造的单选按钮）。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong> TDRadioButtonGroup(const QString pic_che,const QString pic_non,TDWidget *parent = 0,Qt::Orientation ot = Qt::Horizontal);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //包含图片为参数的构造函数，参数列表（单选按钮被选中时的图片，单选按钮正常显示时的图片，父控件指针，布局方向）。如果以此形式构造
                                        按钮组，则之后使用addButton和insertButton添加的按钮都是用两张图片进行初始化。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>~TDRadioButtonGroup();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //单选按钮组的析构函数
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void addButton(const int num);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //添加指定数量（num）的单选按钮。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void addButton();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //添加一个单选按钮
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void addButton(TDRadioButton *btn,int id);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //将一个现有的按钮添加到组中并指定id，不改变按钮原先的布局和位置
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void removeButton(const int index);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //删除按钮组中的第index个按钮（从0计数）
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void removeAll();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //删除组中的所有按钮
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDRadioButton* getClickedButton();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //返回组中当前被选中的按钮
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getClickedButtonLocation() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取当前选中的按钮在容器中的位置
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getClickedButtonId() const ;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取被选中的按钮的ID
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void removeText();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //移除所有的按钮的显示文字
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void initDefault(Qt::Orientation ot);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //初始化函数，所有的构造函数都调用此函数进行初始化，传递方向参数，决定是水平还是垂直布局。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>QVector &lt TDRadioButton *> * radioButtons();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //返回保存按钮的容器的指针
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDRadioButtonGroup-Public-Slots">
                            <div class="myh3">
                                Public Slots
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>void buttonClicked(int id );</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //组中单选按钮点击的槽函数，获取被选中的单选按钮的id，并发送对应信号。
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDRadioButtonGroup-Signals">
                            <div class="myh3">
                                Signals
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>void radioButtonClicked(int id);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //单选按钮被点击信号，发送被点击的按钮的id。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void radioButtonChanged(int id);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //被选中的按钮改变的信号，发送改变后的按钮的id。
                                    </font>
                                </li>
                            </ul>
                        </div>
                </div>
            </div>
            <div id = "TDScrollArea">
                <div class = "myh2">
                    <div style = "font-size:26px;margin-top:10px;" ><b>TDScrollArea Class</b></div>
                </div>
                <div id = "copy_right">
                    <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                </div>
                <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                    <div id = "left-contenx" style = "width:720px;float:left;">
                        <font color = "#007330">TDScrollArea</font>滚动区域，内部放置一个透明的子窗体，在子窗体中添加控件，如果子窗体
                        大小超过外部窗体，就显示出来滚动条，滚动条大小规格由主窗体占子窗体比例调控，关于滚动条请参见<a href = "#TDScrollBar">
                        TDScrollBar</a>，在屏幕需要移动时，就改变子窗体的位置坐标来实现滚动效果，内置两个滚动条，当子窗体小于主窗体时滚动不显示。
                        可以通过外部接口设置滚动条的宽度颜色等的属性。
                        <br><br>
                        <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                            头文件 ：#include "ThreeDog/tdscrollarea.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            继承自 ：<a href="#TDWidget">TDWidget</a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            被继承 ：<a href = "#TDListWidget">TDListWidget</a>
                        </div>
                    </div>
                    <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                        <div class = "contents">
                            Contents
                        </div>
                        <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                            <ul>
                                <li><a href = "#TDScrollArea-Properties">Properties</a></li>
                                <li><a href = "#TDScrollArea-Public-Functions">Public Functions</a></li>
                                <li><a href = "#TDScrollArea-Public-Slots">Public Slots</a></li>
                                <li><a href = "#TDScrollArea-Reimplemented-Protected-Functions">Reimplemented Protected Functions</a></li>
                            </ul>
                        </div>
                    </div>
                        <div id = "TDScrollArea-Properties" style = "margin-top:100px;">
                            <div class="myh3">
                                Properties
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>scroll_h</strong>
                                    </font> : TDScrollBar *
                                    <font color = "#555555">
                                        //水平方向的滚动槽
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>scroll_v</strong>
                                    </font> : TDScrollBar *
                                    <font color = "#555555">
                                        //竖直方向的滚动槽
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>wheel_step</strong>
                                    </font> : int
                                    <font color = "#555555">
                                        //滚轮每次滚动时的步长
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>sub_widget</strong>
                                    </font> : TDWidget *    <font color = "red">保护类型</font>
                                    <font color = "#555555">
                                        //子窗体，所有添加到此窗体中的控件都将子窗体设置为父控件，通过子窗体的坐标移动实现滚动，
                                        在子类中还要用到此窗体，声明为保护类型。
                                    </font>
                                </li>
                                <li>以及其他由父类继承的成员</li>
                            </ul>
                        </div>
                        <div id = "TDScrollArea-Public-Functions">
                            <div class="myh3">
                                Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDScrollArea(QWidget *parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //滚动区域的构造函数，在其中将子窗体，内置滚动条都初始化为NULL，并且设置此窗体不可移动。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>~TDScrollArea();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //滚动窗体的虚构函数
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>QWidget * widget();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取此类中子窗体的指针
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong> void setWidget(QWidget * w);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置子窗体，参数是子窗体的指针。将指定窗体设置为此类的子窗体，重设子窗体的父控件，并移动到相对一此窗体
                                        （0，0）的位置坐标。通过子窗体的大小初始化滚动条，并将滚动条<a>关联</a>子窗体。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void removeWidget();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //移除当前子窗体，并清理其内存
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int wheelStep() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取当前滚轮每次滑动的步长，单位是像素
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setWheelStep(const int step);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滚轮每次滑动的步长。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDScrollBar * getHorizontalScroll();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取水平方向的滚动条指针
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDScrollBar * getVerticalScroll();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取垂直方向的滚动条指针
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getVerticalSliderWidth() const ;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取垂直方向滚动条的宽度
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getHorizontalSliderWidth() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取水平方向滚动条的宽度
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getVerticalSliderRadius() const ;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取垂直方向滚动条的圆角半径
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getHorizontalSliderRadius() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取水平方向滚动条的圆角半径
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDScrollArea-Public-Slots">
                            <div class="myh3">
                                Public Slots
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setSliderWidth(const int width);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滚动条的宽度，垂直和水平一起设置
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setSliderRadius(const int radius);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滚动条的圆角半径，垂直和水平一起设置
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setSliderColor(const QColor &col_back,const QColor &col_front);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滚动条显示的颜色(背景色，滑块色)，垂直和水平一起设置
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setSliderOpacity(const int show_opacity,const int hide_opacity);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滚动条透明度(鼠标悬停时的透明度，鼠标离开后的透明度)，垂直和水平一起设置
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setVerticalSliderWidth(const int width);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置垂直方向的滚动条的宽度
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setVerticalSliderRadius(const int radius);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置垂直方向的滚动条的圆角半径
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setVerticalSliderColor(const QColor &col_back,const QColor &col_front);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置垂直方向的滚动条的颜色(背景色，滑块色)
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setVerticalSliderOpacity(const int show_opacity,const int hide_opacity);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置垂直方向的滚动条的透明度(鼠标悬停时的透明度，鼠标离开后的透明度)
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setHorizontalSliderWidth(const int width);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置水平方向的滚动条的宽度
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setHorizontalSliderRadius(const int radius);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置水平方向的滚动条的圆角半径
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setHorizontalSliderColor(const QColor &col_back,const QColor &col_front);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置水平方向的滚动条的颜色(背景色，滑块色)
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setHorizontalSliderOpacity(const int show_opacity,const int hide_opacity);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置水平方向的滚动条的透明度(鼠标悬停时的透明度，鼠标离开后的透明度)
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDScrollArea-Reimplemented-Protected-Functions">
                            <div class="myh3">
                                Reimplemented Protected Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void resizeEvent(QResizeEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重写窗体大小改变事件，大小改变时，滑槽的大小也要改变，当子窗体不为空时才执行对应代码
                                        每次大小改变都重新计算滑块的长度和滑块的位置，并改变显示的位置。如果超出子窗体大小，则对应滚动条隐藏。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void wheelEvent(QWheelEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重写滚轮事件，如果竖直方向的滚轮可见，则执行是指方向的代码，如果不可见，而水平方向的滚轮存在则执行水平方向
                                        的代码，每次移动子窗体，并且重新计算改变滑块的位置，当到达顶部或底部时，忽对应的滚轮继续滚动无效。
                                    </font>
                                </li>
                            </ul>
                        </div>
                </div>
            </div>
            <div id = "TDScrollBar">
                <div class = "myh2">
                    <div style = "font-size:26px;margin-top:10px;" ><b>TDScrollBar Class</b></div>
                </div>
                <div id = "copy_right">
                    <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                </div>
                <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                    <div id = "left-contenx" style = "width:720px;float:left;">
                        <font color = "#007330">TDScrollBar</font>滚动条类，声明一个滚动条必须指定其父控件，使用<font color = "#007330">
                        connectToWidget()</font>关联子窗体，该控件会自动根据子窗体和主窗体的相对位置和大小设置滚动条滑块的长度和位置，用户可以自定义滚动条的
                        背景色和滑块颜色，滑块的宽度和圆角半径，也可以指定滑块的透明度。该类只提供了带颜色参数的构造函数，滑动条根据指定参数决定生成水平还是竖
                        直的滚动条，在<a href = "#TDScrollArea">TDScrollArea</a>类中默认包含有两个滚动条。
                        <br><br>
                        <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                            头文件 ：#include "ThreeDog/tdscrollarea.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            继承自 ：<a href="#TDWidget">TDWidget</a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            被继承 ：<font color = "#555555">无</font>
                        </div>
                    </div>
                    <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                        <div class = "contents">
                            Contents
                        </div>
                        <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                            <ul>
                                <li><a href = "#TDScrollBar-Properties">Properties</a></li>
                                <li><a href = "#TDScrollBar-Public-Functions">Public Functions</a></li>
                                <li><a href = "#TDScrollBar-Public-Slots">Public Slots</a></li>
                                <li><a href = "#TDScrollBar-Reimplemented-Protected-Functions">Reimplemented Protected Functions</a></li>
                            </ul>
                        </div>
                    </div>
                        <div id = "TDScrollBar-Properties" style = "margin-top:120px;">
                            <div class="myh3">
                                Properties
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>orientation</strong>
                                    </font> : Qt::Orientation
                                    <font color = "#555555">
                                        //滑槽的方向：水平还是竖直可取值(Qt::Horizontal|Qt::Vertical)
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>col_back_show</strong>
                                    </font> : QColor
                                    <font color = "#555555">
                                        //鼠标悬停时滑槽显示的颜色
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>col_front_show</strong>
                                    </font> : QColor
                                    <font color = "#555555">
                                        //鼠标悬停时滑块显示的颜色
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>col_back_hide</strong>
                                    </font> ：QColor
                                    <font color = "#555555">
                                        //正常状态下滑槽显示的颜色
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>col_front_hide</strong>
                                    </font>： QColor
                                    <font color = "#555555">
                                        //正常状态下滑块显示的颜色
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>back_on_show</strong>
                                    </font> ：QColor
                                    <font color = "#555555">
                                        //滑槽当前显示的颜色
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>front_on_show</strong>
                                    </font>： QColor
                                    <font color = "#555555">
                                        //滑块当前显示的颜色
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>is_press</strong>
                                    </font> ：bool
                                    <font color = "#555555">
                                        //标识鼠标是否再此窗体内被按下
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>length</strong>
                                    </font> ：double
                                    <font color = "#555555">
                                        //滑槽的总长度
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>slider_length</strong>
                                    </font> ：double
                                    <font color = "#555555">
                                        //滑块的长度
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>position</strong>
                                    </font> ：double
                                    <font color = "#555555">
                                        //滑块的位置，相对于上边界或者左边界
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>radius</strong>
                                    </font> ：double
                                    <font color = "#555555">
                                        //滑块的圆角半径
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>width</strong>
                                    </font> ：double
                                    <font color = "#555555">
                                        //滑条的宽度
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>opacity_show</strong>
                                    </font> ：int
                                    <font color = "#555555">
                                        //鼠标悬停时整个滑槽显示的透明度
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>opacity_hide</strong>
                                    </font> ：int
                                    <font color = "#555555">
                                        //正常状态下整个滑槽显示的透明度
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>connect_widget</strong>
                                    </font> ：QWidget *
                                    <font color = "#555555">
                                        //滑条所关联的子窗体的指针。
                                    </font>
                                </li>
                                <li>以及其他由父类继承的成员</li>
                            </ul>
                        </div>
                        <div id = "TDScrollBar-Public-Functions">
                            <div class="myh3">
                                Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDScrollBar(const QColor back_col ,const QColor fron_col,TDWidget *parent,Qt::Orientation ot = Qt::Horizontal);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //滚动条的唯一构造函数，参数（滑槽颜色，滑块颜色，父控件指针，滑块方向默认竖直）。通过传入的参数设置颜色，
                                        设置默认的透明度180/255，默认槽宽度为10像素，滑块半径为5，长度为父控件的高度或宽度。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>~TDScrollBar();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //滚动条的虚构函数
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>double getPosition() const ;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取滑块距离滑槽顶部（或左顶点）的长度，单位为像素。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong> double getRadius() const ;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取滑块的圆角半径
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>double getWidth() const ;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取滑槽的宽度
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getOpacityShow() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取鼠标悬停时，滑槽显示的透明度值。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getOpacityHide() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取正常状态下，滑槽显示的透明度值。
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDScrollBar-Public-Slots">
                            <div class="myh3">
                                Public Slots
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setSliderPosition(const double pos);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滑块的位置，参数是相对于左顶点或顶部的值
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setSliderLength(const double length);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滑块的长度，由滑块计算后自动调用设置。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setRadius(const double radius);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置圆角矩形滑块的圆角半径
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setWidth(const double wid);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滑块的宽度，默认是10像素
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void connectToWidget(QWidget *w);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //关联窗体，此控件的核心函数，关联窗体w后计算并设置滑槽长度，滑块长度，滑块位置等，根据
                                        <font color = "#007330">orientation</font>属性判断是设置为水平还是竖直的滚动条。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setSliderColor(const QColor &col_back,const QColor &col_front);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滚动条和滑块的颜色
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setOpacityShow(const int opacity);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置鼠标悬停时，控件显示的透明度
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setOpacityHide(const int opacity);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置正常状态时，控件显示的透明度。
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDScrollBar-Reimplemented-Protected-Functions">
                            <div class="myh3">
                                Reimplemented Protected Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mousePressEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //鼠标按下事件，将滑块中点移动到鼠标的位置，并且将子窗体移动到相应的位置。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mouseMoveEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重写鼠标移动事件，如果鼠标移动时处于按下状态，滑块会根据鼠标的移动改变位置，同时关联的窗体位置也随之改变。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mouseReleaseEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重写鼠标离开事件，并且将is_press属性重置为false
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void enterEvent(QEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重写鼠标进入事件，将控件显示的透明度设置为opacity_show。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void leaveEvent(QEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重写鼠标离开事件，将控件显示的透明度设置为opacity_hide。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void paintEvent(QPaintEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重绘事件，在此事件中用指定颜色和透明度绘制矩形和圆角矩形，实现滚动条和滑块的效果
                                    </font>
                                </li>
                            </ul>
                        </div>
                </div>
            </div>
            <div id = "TDSlider">
                <div class = "myh2">
                    <div style = "font-size:26px;margin-top:10px;" ><b>TDSlider Class</b></div>
                </div>
                <div id = "copy_right">
                    <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                </div>
                <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                    <div id = "left-contenx" style = "width:720px;float:left;">
                        <font color = "#007330">TDSlider</font>滑条类，参数传递底色，前景色和滑块颜色，采用绘图事件在鼠标松开时触发操作，
                        接口和QSlider尽量保持一致。默认最大最小值0~100，用户可手动设置滑槽展示的最大最小值。默认显示颜色为深灰和浅灰色，滑块
                        为白色圆形，用可以根据外部接口自行设置这些颜色属性。可以分为水平和竖直滑动条，根据用户的参数指定，默认为水平。
                        <br><br>
                        <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                            头文件 ：#include "ThreeDog/tdslider.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            继承自 ：<a href="#TDWidget">TDWidget</a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            被继承 ：<font color = "#555555">无</font>
                        </div>
                    </div>
                    <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                        <div class = "contents">
                            Contents
                        </div>
                        <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                            <ul>
                                <li><a href = "#TDSlider-Properties">Properties</a></li>
                                <li><a href = "#TDSlider-Public-Functions">Public Functions</a></li>
                                <li><a href = "#TDSlider-Public-Slots">Public Slots</a></li>
                                <li><a href = "#TDSlider-Reimplemented-Protected-Functions">Reimplemented Protected Functions</a></li>
                                <li><a href = "#TDSlider-Signals">Signals</a></li>
                            </ul>
                        </div>
                    </div>
                        <div id = "TDSlider-Properties" style = "margin-top:120px;">
                            <div class="myh3">
                                Properties
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>orientation</strong>
                                    </font> : Qt::Orientation
                                    <font color = "#555555">
                                        //滑槽的方向：水平还是竖直可取值（Qt::Horizontal|Qt::Vertical）
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>col_background</strong>
                                    </font> : QColor
                                    <font color = "#555555">
                                        //滑槽的背景色
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>col_front</strong>
                                    </font> : QColor
                                    <font color = "#555555">
                                        //滑槽的前景色
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>col_button</strong>
                                    </font> ：QColor
                                    <font color = "#555555">
                                        //按钮的颜色
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>minimum</strong>
                                    </font>： int
                                    <font color = "#555555">
                                        //滑块范围的最小值
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>maximum</strong>
                                    </font> ：int
                                    <font color = "#555555">
                                        //滑块范围的最大值
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>slider_position</strong>
                                    </font>： int
                                    <font color = "#555555">
                                        //滑块当前的位置
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>value</strong>
                                    </font> ：int
                                    <font color = "#555555">
                                        //滑块当前位置所指定的值
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>ispress</strong>
                                    </font> ：bool
                                    <font color = "#555555">
                                        //记录鼠标是否按下的状态
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>slider_width</strong>
                                    </font> ：int
                                    <font color = "#555555">
                                        //滑动条宽度
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>slider_radius</strong>
                                    </font> ：int
                                    <font color = "#555555">
                                        //圆形滑块的半径
                                    </font>
                                </li>
                                <li>以及其他由父类继承的成员</li>
                            </ul>
                        </div>
                        <div id = "TDSlider-Public-Functions">
                            <div class="myh3">
                                Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDSlider(TDWidget *parent = 0,Qt::Orientation ot = Qt::Horizontal);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //滑动条类的构造函数，参数（父控件指针，滑槽方向）默认为水平方向的滑槽。默认初始化最大最小值为0~100，滑块在0的位置
                                        滑块半径为4，滑槽宽度为3
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDSlider(const QColor col_bak,const QColor col_fro,const QColor col_btn,TDWidget *parent = 0,Qt::Orientation ot = Qt::Horizontal);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //指定颜色参数的构造函数，参数（滑条背景色，滑条前景色，滑块的颜色，父控件指针，滑条的方向）。按指定的参数初始化此控件，其他都和默认构造函数一样。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>~TDSlider();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //滑条类的析构函数
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getMinimum() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取滑动条可以表示的最小值
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong> int getMaximum() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取滑动条可以表示的最大值
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getSliderPosition() const ;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取滑动条中滑块的位置
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getValue() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取当前滑块所代表的数值
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getSliderWidth() const ;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取滑槽的宽度
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getSliderRadius() const ;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取滑块的半径
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDSlider-Public-Slots">
                            <div class="myh3">
                                Public Slots
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setMinimum(const int min);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滑动条可表示的最小值
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setMaximum(const int max);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滑动条可表示的最大值
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setRange(const int min,const int max);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滑条可表示的范围（最小值，最大值）
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setOrientation(Qt::Orientation ot);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滑块的方向（水平/数值）,取值Qt::Horizontal|Qt::Vertical
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setSliderPosition(const int position);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滑块的位置，参数是滑块在滑槽中的位置坐标
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setValue(int v);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滑块表示的值，滑块的位置也会跳转到响应的位置
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setSliderWidth(const int width);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滑动槽的宽度
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setSliderRadius(const int radius);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滑块的半径
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setBackgroundColor(const QColor & color );</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置设置滑动条的背景颜色
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setFrontColor(const QColor & color );</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滑动条的前景色
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setButtonColor(const QColor & color );</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置滑动条的滑块颜色
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDSlider-Reimplemented-Protected-Functions">
                            <div class="myh3">
                                Reimplemented Protected Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void paintEvent(QPaintEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //绘图事件，先用背景色画一个从起始位置到终点长矩形，再用前景色画一个从起始位置到指定位置的矩形，再在指定位置
                                        以指定半径一个小圆，就是滑动槽的效果，鼠标点击和值改变时滑动槽位置改变的效果也是通过此绘图事件实现。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mousePressEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重写鼠标按下事件，如果鼠标移动时处于按下状态，滑块会根据鼠标的移动改变位置，同时关联的窗体位置也随之改变。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mouseReleaseEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重写鼠标离开事件，并且将is_press属性重置为false
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void enterEvent(QEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重写鼠标进入事件，将控件显示的透明度设置为opacity_show。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void leaveEvent(QEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重写鼠标离开事件，将控件显示的透明度设置为opacity_hide。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void paintEvent(QPaintEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //重绘事件，在此事件中用指定颜色和透明度绘制矩形和圆角矩形，实现滚动条和滑块的效果
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDSlider-Signals">
                            <div class="myh3">
                                Signals
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>void valueChanged(double);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //数值改变信号，将改变后的数值作为参数值传递，在鼠标抬起时发送
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void positionChanged(double);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //滑块位置改变信号，将改变后的位置作为参数值传递，在鼠标抬起时发送
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void valueChanging(double);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //数值改变信号，将改变后的数值作为参数值传递，在鼠标按下并且移动时发送
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void positionChanging(double);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //滑块位置改变信号，将改变后的位置作为参数值传递，在鼠标按下并且移动时发送
                                    </font>
                                </li>
                            </ul>
                        </div>
                </div>
            </div>
            <div id = "TDStackButton">
                <div class = "myh2">
                    <div style = "font-size:26px;margin-top:10px;" ><b>TDStackButton Class</b></div>
                </div>
                <div id = "copy_right">
                    <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                </div>
                <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                    <div id = "left-contenx" style = "width:720px;float:left;">
                        <font color = "#007330">TDStackButton</font>堆叠按钮类，跟QStackWidget类似，可以包含多个按钮，并且每次只显示一个，
                        所包含的按钮必须是TDAbstractButton的子类，所有的按钮在添加时，都会连接按钮的clicked信号和此类中的toNextButton信号，当按钮
                        被点击时，切换到下一个按钮显示，实现所有的按钮切换显示的效果。可以用于音乐播放器播放模式的按钮等场景。
                        <br><br>
                        <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                            头文件 ：#include "ThreeDog/tdstackbutton.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            继承自 ：<a href="#TDWidget">TDWidget</a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            被继承 ：<font color = "#555555">无</font>
                        </div>
                    </div>
                    <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                        <div class = "contents">
                            Contents
                        </div>
                        <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                            <ul>
                                <li><a href = "#TDStackButton-Properties">Properties</a></li>
                                <li><a href = "#TDStackButton-Public-Functions">Public Functions</a></li>
                                <li><a href = "#TDStackButton-Public-Slots">Public Slots</a></li>
                                <li><a href = "#TDStackButton-Signals">Signals</a></li>
                            </ul>
                        </div>
                    </div>
                        <div id = "TDStackButton-Properties" style = "margin-top:120px;">
                            <div class="myh3">
                                Properties
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>stack_layout</strong>
                                    </font> : QStackedLayout *
                                    <font color = "#555555">
                                        //堆叠布局，此类采用的布局，每一个按钮都放在一个布局层中交替显示。
                                    </font>
                                </li>
                                <li>以及其他由父类继承的成员</li>
                            </ul>
                        </div>
                        <div id = "TDStackButton-Public-Functions">
                            <div class="myh3">
                                Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDStackButton(TDWidget *parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //堆叠按钮控件的构造函数，实例化此类的布局。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>~TDStackButton();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //堆叠按钮控件的析构函数。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void addButton(TDAbstractButton * button);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //将一个按钮添加到此堆叠按钮中，并连接其clicked信号和toNextButton槽函数。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void removeButton(QWidget * button);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //移除按钮，将此控件中指定的按钮移除。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong> void removeButton(const int index);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //按照下标移除此控件中的按钮，如果index大于等于按钮的数量，直接返回，调用无效。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void removeAllButton();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //移除控件内的所有按钮
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>int getCurrentIndex() const ;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取当前显示的按钮的下标
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDAbstractButton * getCurrentButton() const ;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //获取当前显示的按钮的指针
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDStackButton-Public-Slots">
                            <div class="myh3">
                                Public Slots
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setCurrentIndex(const int index);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //通过下标设置当前显示的按钮，如果下标超出直接返回，调用无效。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setCurrentButton(TDAbstractButton *button);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //通过按钮的指针设置当前按钮
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void toNextButton();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //切换到显示下一个按钮，如果是最后一个，则切换成第一个。
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDStackButton-Signals">
                            <div class="myh3">
                                Signals
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>void buttonChanged(int index);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //按钮改变信号，发送改变后的按钮在布局中的下标
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void buttonRemoved(int index);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //按钮移除信号，发送被移除的按钮的下标。
                                    </font>
                                </li>
                            </ul>
                        </div>
                </div>
            </div>
            <div id = "TDToolbar">
                <div class = "myh2">
                    <div style = "font-size:26px;margin-top:10px;" ><b>TDToolbar Class</b></div>
                </div>
                <div id = "copy_right">
                    <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                </div>
                <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                    <div id = "left-contenx" style = "width:720px;float:left;">
                        <font color = "#007330">TDToolbar</font>工具栏按钮类，可以作为工具栏的显示，有选中和被选中的状态，相当于复选框按钮移除掉
                        右侧的文字显示。可应用于侧边工具栏中的工具按钮，实际开发中也可以用<a href="#TDCheckBox">TDCheckBox</a>直接代替。
                        <br><br>
                        <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                            头文件 ：#include "ThreeDog/tdtoolbar.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            继承自 ：<a href="#TDCheckbox">TDCheckBox</a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            被继承 ：<font color = "#555555">无</font>
                        </div>
                    </div>
                    <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                        <div class = "contents">
                            Contents
                        </div>
                        <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                            <ul>
                                <li><a href = "#TDToolbar-Public-Functions">Public Functions</a></li>
                            </ul>
                        </div>
                    </div>
                        <div id = "TDToolbar-Public-Functions" style = "margin-top:180px;">
                            <div class="myh3">
                                Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDToolbar(QWidget *parent);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //工具栏类的默认构造函数，使用父类的构造函数初始化，并移除文字的部分
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDToolbar(const QString pic_che,const QString pic_non,QWidget *parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //图片参数的工具栏按钮构造函数，参数（被选中时显示的图片，未被选中时显示的图片，父控件指针）。通过调用父类的此构造函数构造控件，
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>~TDToolbar();</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //工具栏按钮类的析构函数
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setColor(const QColor &col_che,const QColor &col_non);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置颜色，以默认形式构造的控件调用此函数才能生效。
                                    </font>
                                </li>
                            </ul>
                        </div>
                </div>
            </div>
            <div id = "TDWidget">
                <div class = "myh2">
                    <div style = "font-size:26px;margin-top:10px;" ><b>TDWidget Class</b></div>
                </div>
                <div id = "copy_right">
                    <div style = "font-size:13px; color: #555555 " >Copyright © 2017 Powered by <a href = "https://github.com/TheThreeDog/TD-FrameWork">ThreeDog</a></div>
                </div>
                <div id = "sub-contenx" style = "width: 1040px; margin-left :30px;maigin-right:30px; overflow:hidden">
                    <div id = "left-contenx" style = "width:720px;float:left;">
                        <font color = "#007330">TDWidget</font>窗体控件类，此框架最核心的类之一，几乎所有框架内的窗体类控件直接或间接继承自此类。
                        可根据用户指定的图片生成不规则窗体，并且通过重写鼠标事件可响应用户的拖动。
                        <br><br>
                        <div style = "border:1px solid #cecece;padding:10px;border-radius:10px;width:500px;background:#f2f2f2" >
                            头文件 ：#include "ThreeDog/tdwidget.h"<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            qmake：QT += widgets<hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            继承自 ：<a href="#QWidget">QWidget</a><hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                            被继承 ：<a href = "#TDFadeoutWidget">TDFadeoutWidget</a>
                                    ,<a href = "#TDRadioButtonGroup">TDRadioButtonGroup</a>
                                    <hr style="height:1px;border:none;border-top:1px dotted  #cecece;">
                                    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                    <a href = "#TDScrollArea">TDScrollArea</a>
                                    ,<a href = "#TDSlider">TDSlider</a>
                                    ,<a href = "#TDStackButton">TDStackButton</a>
                        </div>
                    </div>
                    <div id ="right-contenx" style = "border:1px solid #e5e5e5;border-radius:10px;margin-left: 750px;width :280px;">
                        <div class = "contents">
                            Contents
                        </div>
                        <div id = contents style = "font-size:20px; margin-left:0 px ;margin-top:0 px; margin-right:0 px;margin-bottom:0 px;">
                            <ul>
                                <li><a href = "#TDWidget-Properties">Properties</a></li>
                                <li><a href = "#TDWidget-Public-Functions">Public Functions</a></li>
                                <li><a href = "#TDWidget-Reimplemented-Protected-Functions">Reimplemented Protected Functions</a></li>
                            </ul>
                        </div>
                    </div>
                        <div id = "TDWidget-Properties" style = "margin-top:120px;">
                            <div class="myh3">
                                Properties
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>is_press</strong>
                                    </font> : bool
                                    <font color = "#555555">
                                        //记录鼠标是否按下的变量
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>move_enable</strong>
                                    </font> : bool
                                    <font color = "#555555">
                                        //记录当前窗体是否可以移动
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>old_pos</strong>
                                    </font> : QPoint
                                    <font color = "#555555">
                                        //鼠标按下时记录得坐标位置，在设置窗体拖动时计算坐标使用。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>bg_pic</strong>
                                    </font> : QPixmap
                                    <font color = "#555555">
                                        //背景图片，根据用户传入的图片路径参数，加载此控件并显示为此窗体。
                                    </font>
                                </li>
                                <li>以及其他由父类继承的成员</li>
                            </ul>
                        </div>
                        <div id = "TDWidget-Public-Functions">
                            <div class="myh3">
                                Public Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDWidget(QWidget *parent = 0);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //窗体的默认构造函数，初始化is_press为false，按Qt的原生控件形式生成此窗体。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>TDWidget(QString img_path,QWidget *parent = 0,bool show_window = false);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //包含图片的窗体构造接口，参数（窗体显示图片路径，父控件指针，是否显示窗体边框）。生成的窗体以用户指定的图片为背景，
                                        如果用户指定不显示边框，则生成的窗体就是用户传入图片的样子，并且设置遮罩为图片的遮罩区。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>void setMoveEnable(const bool can_move);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //设置窗体是否可以拖动，默认构造函数构造的不可以移动，一图片参数构造的床头默认可以拖动，用户可以在构造后根据需求手动设置。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>bool moveEnable() const;</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //返回当前窗体是否可拖动的状态
                                    </font>
                                </li>
                            </ul>
                        </div>
                        <div id = "TDWidget-Reimplemented-Protected-Functions">
                            <div class="myh3">
                                Reimplemented Protected Functions
                            </div>
                            <ul>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mousePressEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //鼠标按下事件，如果可拖动，则记录下鼠标按下时的坐标，用于拖动时的计算。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mouseMoveEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //鼠标移动事件，如果可拖动，则根据鼠标的相对位置改变窗体位置（窗体之前的位置，加上鼠标相对于本窗体的位置，再减去鼠标按下之前相对于本窗体的位置）。
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void mouseReleaseEvent(QMouseEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //在此事件中，将is_press属性重新置为false
                                    </font>
                                </li>
                                <li>
                                    <font color = "#007330">
                                        <strong>virtual void paintEvent(QPaintEvent *);</strong><br>
                                    </font>
                                    <font color = "#555555">
                                        //绘图事件，在以用户输入图片为窗体并且不显示窗体边框的情况下，就是通过将图片绘制在桌面的办法实现不规则窗体。
                                    </font>
                                </li>
                            </ul>
                        </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
